<!DOCTYPE html>
<!-- saved from url=(0161)https://www.haoqiao.com/bangkok_c1/199.html?combine=1&checkin=2020-04-24&checkout=2020-04-25&room=1&adult=2&child=0&child_age=&citizenship=CN&token=GbaFzaYGGaZGG -->
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="./static/css/style1536672475627.css">
    <meta name="renderer" content="webkit">

    <title></title>
    <meta name="viewport" content="width=1190">
    <link type="text/css" href="./static/css/style1.css" rel="stylesheet">
    <link type="text/css" href="./static/css/detail.css" rel="stylesheet">
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">

    <script type="text/javascript" src="./static/js/jquery.mini.js"></script>
    <script type="text/javascript" src="./static/js/main.js"></script>
    <script type="text/javascript" src="./static/js/jquery.cookie.js"></script>
    <script type="text/javascript" src="./static/js/jquery.lazyload.js"></script>
    <script type="text/javascript" src="./static/js/common_language.js"></script>
    <style>
        body input, body select, body textarea {
            font-size: 100%
        }

        .star_img {
            vertical-align: bottom;
        }

        .all_a {
            width: 100%;
            height: 100%;
            display: block;
        }

        #J_header_map {
            cursor: pointer !important;
        }

        .detail-title-map {
            position: relative;
        }

        .show_area {
            font-family: Helvetica, "Microsoft Yahei", "Hiragino Sans GB", "黑体", Arial, \5b8b\4f53;
            display: block;
            width: 100px;
            height: 24px;
            line-height: 24px;
            color: #fff;
            font-size: 14px;
            text-align: center;
            position: absolute;
            right: 0;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.5);
            /*background:#000;
            filter:alpha(opacity=50);
            opacity: 0.5;           支持opacity的浏览器*/

        }

        .all_a:hover .show_area {
            color: #4499ff;
            cursor: pointer;
        }

        .hotle-detail-title h1 {
            font-size: 20px;
        }

        .hotle-detail-title {
            height: auto;
        }

        .hotel-detail-address-top {
            width: 680px;
            margin: 6px 0 14px 0;
            color: #999999;
            font-size: 14px;
            font-family: Helvetica, "Microsoft Yahei", "Hiragino Sans GB", "黑体", Arial, \5b8b\4f53;
            float: left;
        }

        .hotel-detail-address-top a {
            color: #999
        }

        .hotel-detail-address-top a:hover {
            color: #4499ff;
            text-decoration: underline;
        }

        .hotle-detail-title h1 span.en_title {
            font-size: 16px;
            font-weight: bold;
            color: #333;
        }

        .another-name {
            padding-left: 30px;
            font-size: 14px;
        }

        .hotel-detail-address a {
            color: #999
        }

        img.hotel-detail-star {
            margin-left: 12px;
        }

        .area_icon {
            height: 13px;
            width: 12px;
            background-position: 0 -50px;
            background: url(https://img.haoqiao.com/website/images/hotel_list/list_hotel_position.svg) no-repeat #fff;
        }

        .hotle-detail-title-fr {
            width: 340px;
            height: 70px
        }

        .hotle-detail-title .hotel-score-circle {
            margin: 8px 0
        }

        .detail-title-com {
            margin: 14px 10px 14px 0
        }

        .detail-hotel-score {
            padding-left: 110px;
            padding-bottom: 50px;
        }

        .detail-hotel-score .hotel-score-circle {
            padding-right: 22px;
            margin-right: 22px
        }

        .detail-hotel-score .hotel-score-circle p {
            width: 84px;
            line-height: 84px
        }

        .detail-hotel-score-list {
            height: 84px;
        }

        .detail-hotel-score-list li {
            width: 300px;
        }

        .detail-hotel-score-list li:nth-child(odd) {
            margin-right: 116px
        }

        .detail-hotel-score-box {
            height: 25px;
            padding-bottom: 4px;
            padding-top: 10px
        }

        .score-percent-box {
            margin-top: 3px;
        }

        .hotel-dp-room-summary {
            display: block;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .new-index-popup-content {
            font-family: Helvetica, "Microsoft Yahei", "Hiragino Sans GB", "黑体", Arial, \5b8b\4f53;
            font-size: 14px;
            color: #333
        }

        .index-popup-cont-contianer {
            padding: 20px 0 30px 0;
            max-width: 522px;
            margin: 0 auto;
        }

        .common-remmend-tip {
            zoom: 1;
            text-align: center;
            margin-bottom: 2px
        }

        .common-remmend-tip i.icon-timer {
            background: url('https://img.haoqiao.com/website/images/new_tts/tk_ts_icon_new.svg') no-repeat;
            height: 52px;
            width: 52px;
            margin-right: 11px;
            display: inline-block;
        }

        .common-remmend-tip .text-con {
            display: inline-block;
            width: auto;
            text-align: left;
            color: #333;
            padding-top: 3px;
            font-size: 20px
        }

        .common-va-t {
            vertical-align: top;
        }

        .common-va-m {
            vertical-align: middle;
        }

        .order-del-pop-btn .order-del-pop-btn-cal {
            height: 38px;
            line-height: 38px;
            background: transparent;
            border: 1px #49f solid;
            color: #49f;
        }

        .order-del-pop-btn .order-del-pop-btn-cal:hover {
            background: #49f;
            color: #fff;
        }

        .order-ul-mt-bd {
            margin-left: 62px;
        }

        .order-ul-mt li {
            list-style-type: disc;
            margin-left: 20px;
        }

        .tts-od-msg {
            line-height: 24px;
            font-size: 14px;
            text-align: left
        }

        .index-popup .new-order-del-pop-btn {
            text-align: center;
            border-top: 1px solid #ececec;
        }

        .city_input_icon, .hotel_input_icon, .area_input_icon, .attr_input_icon, .country_input_icon {
            position: absolute;
            top: 13px;
            right: 7px;
            padding: 0 14px 0 30px;
            background: url(https://img.haoqiao.com/website/images/index_seabox_input_icon.png) 8px -108px no-repeat;
            color: #ccc;
            font-style: normal;
            height: 18px;
            line-height: 18px;
        }

        .prism-player .prism-big-play-btn {
            z-index: 200 !important;
        }

        .prism-player .prism-info-display {
            display: none;
        }
    </style>
    <link rel="stylesheet" href="./static/css/search.css">
    <link rel="stylesheet" href="./static/css/layer.css" id="layui_layer_skinlayercss" style="">
</head>
<body class="hotel-detail">

<!-- 头部 -->
<link rel="stylesheet" type="text/css" href="./static/css/iconfont.css">
<link rel="stylesheet" type="text/css" href="./static/css/global.css">
<div id="tips_bg" class="hide abs" style="height: 8275px;">
    <div class="tips_div rel f16">
        <p class="tips_head f16 rel t-fff">提示</p>
        <div class="tips_body clearfix">
            <div class="tips_img fl"><img src="./static/tk_ts_icon_new.svg"></div>
            <div class="tips_conent fl">尊敬的客户，当前浏览器版本过低，将会影响您的预订体验，建议更新版本或更换浏览器使用。</div>
        </div>
        <div class="tips_footer tac">
            <a href="javascript:;" class="tips_button dib J_tips_button">我知道了</a>
        </div>
    </div>
</div>
<div class="hq_header_wrap rel bg-fff">
    <div class="w hq_header_top m0auto dif jcb">
        <a class="J_token hq_header_logo dif aic" href="/index.html" title="好巧网">
            <img src="./img/logo.png" style="height: 59px;">
        </a>
        <div class="hq_header_top_right dif aic pr10">
        </div>
    </div>
    <div class="hq_header_bottom bg-49f">
        <div class="clearfix w">
            <ul class="hq_header_bottom_left fl clearfix">
                <li class="fl">
                    <a rel="nofollow" class="nav-link current J_token" href="javascript:;">酒店预订</a>
                </li>
                <li class="fl member-center-btn">
                    <a rel="nofollow" class="J_token nav-link " href="/member.html?type=order">用户中心</a>
                </li>
                <li class="fl member-center-btn">
                    <a rel="nofollow" class="J_token nav-link " href="/about.html">关于我们</a>
                </li>
            </ul>
            <ul class="hq_header_bottom_right nav-ul-right clearfix fr login-reg-box">
                <li class="nav-menu-li-space fl">
                    <span class="space-style"></span>
                </li>
                <li class="nav-menu-li-login fl rel nav-menu-pop-box">
                    <a rel="nofollow" id="J_nav_menu_login" class="nav-link adverb-color f13 head_login"
                       href="javascript:;">登录 / 注册</a>
                </li>
            </ul>
            <ul class="hq_header_bottom_right nav-ul-right clearfix fr nickname-box">
                <li class="nav-menu-li-space fl">
                    <span class="space-style"></span>
                </li>
                <li class=" fl rel nav-menu-pop-box">
                    <a rel="nofollow" class="nav-link nickname adverb-color f13"
                       href="javascript:;"></a>
                </li>
                <li class=" fl rel nav-menu-pop-box list-logout-btn">
                    <a rel="nofollow" class="nav-link adverb-color f13"
                       href="javascript:;">退出</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<script type="text/javascript" src="./static/js/header.js"></script>

<div class="main detail">
    <Login v-show="showLogin" @close="showLogin = false"></Login>
    <div class="breadcrumb-trail">
    </div>

    <!-- 酒店详情头部 -->
    <div class="hotel-detail-header clearfix">
        <div class="hotel-detail-h-img ">
            <div class="hotle-detail-title clearfix dif">
                <div class="fl flex-1">
                    <h1 class="t-333">
                        {{hotelDetail.subtitle}}
                        <span class="star_span" style="width:100px;height:20px;background: none">
                            <template v-if="hotelDetail.hotel_star_level === 1">
                                <img src="./img/star.svg" alt="" width="15" height="15">
                            </template>
                            <template v-if="hotelDetail.hotel_star_level === 2">
                                <img src="./img/star.svg" alt="" width="15" height="15">
                                <img src="./img/star.svg" alt="" width="15" height="15">
                            </template>
                            <template v-if="hotelDetail.hotel_star_level === 3">
                                <img src="./img/star.svg" alt="" width="15" height="15">
                                <img src="./img/star.svg" alt="" width="15" height="15">
                                <img src="./img/star.svg" alt="" width="15" height="15">
                            </template>
                            <template v-if="hotelDetail.hotel_star_level === 4">
                                <img src="./img/star.svg" alt="" width="15" height="15">
                                <img src="./img/star.svg" alt="" width="15" height="15">
                                <img src="./img/star.svg" alt="" width="15" height="15">
                                <img src="./img/star.svg" alt="" width="15" height="15">
                            </template>
                            <template v-if="hotelDetail.hotel_star_level === 5">
                                <img src="./img/star.svg" alt="" width="15" height="15">
                                <img src="./img/star.svg" alt="" width="15" height="15">
                                <img src="./img/star.svg" alt="" width="15" height="15">
                                <img src="./img/star.svg" alt="" width="15" height="15">
                                <img src="./img/star.svg" alt="" width="15" height="15">
                            </template>
                        </span>
                    </h1>
                    <div class="hotel-detail-address-top">
                        <i class="search_new_icon details_search_destination area_icon"></i>
                        <a href="">
                            {{hotelDetail.hotel_name}}, {{hotelDetail.hotel_address}}
                        </a>
                    </div>
                </div>
            </div>

            <div class="detail-header-img-info clearfix">
                <div class="detail-header-i-img detail-header-i-img-bd">
                    <div class="label-i-brank-bd J_more_pic">
                        <!--<i class="bg-brand" style="vertical-align: top;"></i><span class="label-i-brank-text">铂尔曼/Pullman</span>-->
                    </div>
                    <!-- 大图 -->
                    <div class="detail-h-bigimg J_more_pic" style="height:300px">
                        <div class="">
                            <div style="float:left;width:400px;height:300px;margin-right:2px">
                                <img :src="'/images_serv/' +hotelDetail.images.list[0].imgid" width="400px" height="300px">
                            </div>
                            <div style="float:left;width:304px;height:198px;margin-bottom:2px">
                                <img :src="'/images_serv/' +hotelDetail.images.list[1].imgid" width="304px" height="198px">
                            </div>
                            <div style="float:left;width:304px;height:100px;">
                                <img :src="'/images_serv/' +hotelDetail.images.list[2].imgid" width="100px" height="100px" style="position: inherit;margin-right:-2px">
                                <img :src="'/images_serv/' +hotelDetail.images.list[3].imgid" width="100px" height="100px" style="position: inherit;margin-right:-2px">
                                <img :src="'/images_serv/' +hotelDetail.images.list[4].imgid" width="100px" height="100px" style="position: inherit;">
                            </div>
                        </div>
                    </div>

                    <span class="img-i-total-text J_more_pic">{{hotelDetail.images.list.length}}张图片</span>
                </div>
                <div class="detail-header-i-info ">
                    <div class="detail-header-i-d-info overflow_show J_detail_des_more">
                        <div class="detail-title-desc">
                            <div class="detail-header-desc-title">
                                <div class="detail-header-i-i-t detail-header-i-i-ds fl">酒店简介</div>
                                <div class="detail-header-i-i-tips-warp fr clearfix">
                                </div>
                            </div>
                            <a href="">
                                <div class="detail-t-feature-cont detail-t-info-cont" v-html="hotelDetail.simple_desc" style="height: 80px">
                                </div>
                            </a>
                        </div>
                        <a href="" onclick="">
                            <div class="detail-title-facility">
                                <span class="bg-SS_SPA" bj="SPA" v-if="hotelDetail.focus.indexOf('1') !== -1"></span>
                                <span class="bg-SS_gym" bj="健身中心" v-if="hotelDetail.focus.indexOf('2') !== -1"></span>
                                <span class="bg-SS_baby" bj="儿童看护" v-if="hotelDetail.focus.indexOf('3') !== -1"></span>
                                <span class="bg-SS_free_wifi" bj="免费WiFi" v-if="hotelDetail.focus.indexOf('4') !== -1"></span>
                                <span class="bg-SS_free_park" bj="免费停车场" v-if="hotelDetail.focus.indexOf('5') !== -1"></span>
                                <span class="bg-SS_pool" bj="室外游泳池" v-if="hotelDetail.focus.indexOf('6') !== -1"></span>
                                <span class="bg-SS_air" bj="空调" v-if="hotelDetail.focus.indexOf('7') !== -1"></span>
                                <span class="bg-SS_EN" bj="英语服务" v-if="hotelDetail.focus.indexOf('8') !== -1"></span>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <a id="J_pos_hotel_top_tip"></a>

    <!-- 价格锚点 -->
    <a name="price" class="J_tab_m"></a>

    <div class="detail-room-sea top-room-sea-new" id="J_sea_price_cont">
        <div class="hotel-detail-search-inne">
            <div class="d-room-sea-form-new-box">
                <div class="d-room-sea-form clearfix">
                    <div class="d-room-s-sel-wrap">
                        <el-select v-model="cityId" filterable placeholder="地区搜索" clearable icon="el-icon-search">
                            <el-option
                                    v-for="(item, i) in cityList"
                                    :key="i"
                                    :label="item.title"
                                    :value="item.id">
                            </el-option>
                        </el-select>
                    </div>

                    <div class="d-room-s-sel-wrap d-room-s-sel">
                        <div class="d-room-s-sel d-room-s-sel-date" data-isshow="0">
                            <i class="search_new_icon details_search_calendar"></i>
                            <input id="from" type="text" style="padding:0" class="d-room-s-sel-txt">
                        </div>
                        <span class="separate_line_date"></span>
                        <div class="d-room-s-sel d-room-s-sel-date" data-isshow="0">
                            <input id="to" type="text" class="d-room-s-sel-txt">
                        </div>
                    </div>
                    <div class="d-room-s-sel-wrap">
                        <div class="d-room-s-sel d-room-s-sel-room J_sel_num" @click="showRoom = !showRoom">
                            <i class="search_new_icon details_search_room"></i>
                            <span>{{roomNum}}间</span>
                            <em class="search-arrow-down"><i></i></em>
                        </div>

                        <ul class="d-mod-room-win d-mod-room-win-r" v-show="showRoom" @click="showRoom = false">
                            <li>
                                <a @click="roomNum = 1" href="javascript:;">1间</a>
                            </li>
                            <li>
                                <a @click="roomNum = 2" href="javascript:;">2间</a>
                            </li>
                            <li>
                                <a @click="roomNum = 3" href="javascript:;">3间</a>
                            </li>
                            <li>
                                <a @click="roomNum = 4" href="javascript:;">4间</a>
                            </li>
                            <li>
                                <a @click="roomNum = 5" href="javascript:;">5间</a>
                            </li>
                        </ul>
                    </div>
                    <span style="position:relative">
                        <a href="javascript:;" class="d-room-s-btn" id="J_sea_room" @click="search()">搜索</a>
                    </span>
                    <!--  输入后弹窗  -->
                </div>
            </div>
        </div>
    </div>

    <!-- 酒店详情tab -->
    <div class="hotel-detail-tab" id="J_tab">
        <div class="hotel-detail-tab-inne-new">
            <div class="hotel-detail-t-w">
                <ul class="clearfix hotel-detail-tab-ul">
                    <li class="hotel_price_tab current">
                        <a href=""><span>房型价格</span></a>
                    </li>

                    <li>
                        <a href="#tax"><span>交通位置</span></a>
                    </li>

                    <li>
                        <a href="#hotelinfo"><span>酒店介绍</span></a>
                    </li>
                    <li>
                        <a href="#equip"><span>酒店设施</span></a>
                    </li>

                </ul>
            </div>
        </div>
    </div>
    <!-- 酒店详情tab End -->
    <!-- 酒店详情头部 End -->
    <div class="detail-main hotel_price_list">
        <!--login banner-->
        <div class="detail-login-banner" v-show="!isLogin">
            <div class="detail-login-banner-btn">
                <div class="detail-login-banner-btn-lg">
                    <div class="detail-login-title tac">
                        <span class="f24 dib">马上登录，享受最低价格！</span>
                    </div>
                    <a href="javascript:void(0);" class="J_pop_login radius-4" @click="showLogin = true">
                        登录查看价格
                        <img src="./static/images/detail_login_banner-right.png">
                    </a>
                </div>
                <div class="detail-login-banner-btn-rg">暂无账号？点此<a href="/register.html">免费注册</a></div>
            </div>
        </div>
        <!--login banner-->
        <template v-if="isLogin">
            <div class="detail-login-banner hide" id="J_detail_pop_cannot_booked">
                <div class="detail-login-banner-btn">
                    <div class="detail-login-banner-btn-lg">
                        <div class="detail-login-title tac">
                            <span class="f24 dib">抱歉，当前账号正在审核中，暂时无法预订</span>
                        </div>
                    </div>
                    <div class="detail-login-banner-btn-rg" style=" font-size: 18px; margin-top: 20px; color: #333;">
                        如需要帮助，可联系客服：400-633-2377
                    </div>
                </div>
            </div>
            <!--login banner-->

            <div class="J_price_loading_data hide J_detail_nologin" id="J_price_loading_data" style="display: none;">
                <div class="hotel-d-no-room">
                    <div class="hotel-d-no-room-t">
                        <img src="./static/images/hqloading.gif">
                        <p style="margin-top:10px">好巧君正在努力为您加载中...</p>
                    </div>
                </div>
            </div>
            <div class="hotel-detail-price-list hide J_detail_nologin" id="J_hotel_detail_price_list_recommend"
                 style="display: block;">
                <div class="hotel-detail-price-wrap ">
                    <div class="hotel-detail-p-title">
                        <table width="100%" style="table-layout:fixed;">
                            <tbody>
                                <tr>
                                    <td style="font-weight: bold; padding-left: 14px;" class="firstTd">超值房型<em class="triangle"></em></td>
                                    <td style="width:160px;">床型及房间描述</td>
                                    <td style="width:136px;">餐食</td>
                                    <td style="width:213px">均价/间/晚</td>
                                    <td style="width:113px; border-right: 0; text-align: center;">预订</td>
                                </tr>
                            </tbody>
                        </table>

                    </div>
                    <div class="hotel-detail-rec-price" id="J_price_booking_recommend">
                        <div class="hotel-d-p-wrap J_sort_price" data-room-price="646">
                            <div class="hotel-d-p-wrap-inner clearfix">
                                <div class="hotel-d-p-table-h" style="width: 100%;">
                                    <table width="100%"
                                           style="table-layout: fixed; min-height: 72px; border-left: 0px; height: 70px;"
                                           frame="lhs" cellpadding="0" cellspacing="0">
                                        <tbody class="J-dp-room-list">
                                        <tr  @click="item.showPrice = false" v-for="item in deserve" class="hotel-d-p-list-td nomarl_rateplan spData advance_price roomLowest tuijian_svg" style="display: table-row; border-bottom: 1px solid rgb(221, 221, 221);">
                                            <td style="width: 107px;" class="recommend_room_name_td rel  recommend_room_name_click">
                                                <p class="recommend_room_name"><span class="room_name_cn" v-if="item.room_type_id == 1">标准房</span></p>
                                                <p class="recommend_room_name"><span class="room_name_cn" v-if="item.room_type_id == 2">高级房</span></p>
                                                <p class="recommend_room_name"><span class="room_name_cn" v-if="item.room_type_id == 3">豪华房</span></p>
                                                <p class="recommend_room_name"><span class="room_name_cn" v-if="item.room_type_id == 4">商务房</span></p>
                                                <p class="recommend_room_name"><span class="room_name_cn" v-if="item.room_type_id == 5">行政房</span></p>
                                                <p class="recommend_room_name"><span class="room_name_cn" v-if="item.room_type_id == 6">双人房</span></p>
                                                <p class="recommend_room_name"><span class="room_name_cn" v-if="item.room_type_id == 7">单人房</span></p>
                                                <p class="recommend_room_name"><span class="room_name_cn" v-if="item.room_type_id == 8">豪华房</span></p>
                                                <p class="recommend_room_name"><span class="room_name_en aa"></span></p>
                                            </td>
                                            <td style="width: 146px;">
                                                <div class="font-14 t-333 rateinfo_bed" v-if="item.conf_bed_id == 1">单床1.5米</div>
                                                <div class="font-14 t-333 rateinfo_bed" v-if="item.conf_bed_id == 2">大床1.8米</div>
                                                <div class="font-14 t-333 rateinfo_bed" v-if="item.conf_bed_id == 3">大床2米</div>
                                                <div class="font-14 t-333 rateinfo_bed" v-if="item.conf_bed_id == 4">双床1.2米</div>
                                                <div class="font-14 t-333 rateinfo_bed" v-if="item.conf_bed_id == 5">双床1.5米</div>
                                                <div class="font-14 t-333 rateinfo_bed" v-if="item.conf_bed_id == 6">双床1.8米</div>
                                                <div class="font-14 t-333 rateinfo_bed" v-if="item.conf_bed_id == 7">三床1.2米</div>
                                            </td>
                                            <td style="border-left:0; width: 124px;">
                                                <div class="hotel-d-p-t-canbak J_tips_canbre rel" v-if="item.contain_breakfast === 1">
                                                    <div class="detail-price-tips-cancel hide t-666 bg-fff abs triangle-up radius-4 hq-shadow-box s f12 p10">
                                                        <strong>含餐情况：</strong>该房间不包含餐食，如需餐食请在入住时咨询酒店前台。
                                                    </div>
                                                    <i class="t-333 font-14">不含餐</i><i class="f12 t-999" style="display: block;"></i>
                                                </div>
                                                <div class="hotel-d-p-t-canbak J_tips_canbre rel" v-if="item.contain_breakfast === 2">
                                                    <i class="t-333 font-14">含早</i><i class="f12 t-999" style="display: block;"></i>
                                                </div>
                                                <div class="hotel-d-p-t-canbak J_tips_canbre rel" v-if="item.contain_breakfast === 3">
                                                    <i class="t-333 font-14">含单早</i><i class="f12 t-999" style="display: block;"></i>
                                                </div>
                                                <div class="hotel-d-p-t-canbak J_tips_canbre rel" v-if="item.contain_breakfast === 4">
                                                    <i class="t-333 font-14">含双早</i><i class="f12 t-999" style="display: block;"></i>
                                                </div>
                                                <div class="hotel-d-p-t-canbak J_tips_canbre rel" v-if="item.contain_breakfast === 5">
                                                    <i class="t-333 font-14">有（收费）</i><i class="f12 t-999" style="display: block;"></i>
                                                </div>
                                            </td>
                                            <td style="width:195px">
                                                <div class="hotel-d-p-table-p rel">
                                                    <div class="hotel-d-p-t-canbak J_hotel_price_tips"
                                                         style="margin-bottom: 2px;">
                                                        <strong style="font-weight: bold; display: block; width:100%;" @click="getDayPrice(item)">
                                                            <div class="show_tips_info bg-fff mt5 abs triangle-up radius-4 hq-shadow-box s f12">
                                                                点击查看详细报价
                                                            </div>
                                                            <i style="font-weight: bold;">¥</i> {{item.average_price}}
                                                        </strong><br>
                                                        <div class="hotel_price_tips">
                                                            <div v-show="item.showPrice" class="hotel-d-p-t-p-t-c J_h_d_p_tips_c bg-fff mt5 abs triangle-up radius-4 hq-shadow-box s f12">
                                                                <div class="hotel-d-p-t-p-t-c-t tal J_price_info_pre">
                                                                    <span class="h-lh30 t-333">客房每日价格：</span>
                                                                    <div class="J_table_price_list" style="height: 200px;overflow: auto">
                                                                        <table class="w100p t-666 b-solid b-ddd">
                                                                            <tbody>
                                                                            <tr class="h-lh30 t-333">
                                                                                <th class="pl10 pr10 b-solid b-ddd"
                                                                                    width="50%">日期
                                                                                </th>
                                                                                <th class="pl10 pr10 b-solid b-ddd"
                                                                                    width="50%">房价/间/晚
                                                                                </th>
                                                                            </tr>
                                                                            <tr v-for="p in dayPrice.list">
                                                                                <td>{{p.date_str}}</td>
                                                                                <td><strong class="t-ff5256">¥{{p.price}}</strong></td>
                                                                            </tr>
                                                                            <tr class="hotel-d-p-t-p-t-c-t-p">
                                                                                <th class="pl10 pr10 b-solid b-ddd s"
                                                                                    colspan="2"><p><strong
                                                                                        class="t-333">总价：</strong><span>¥ {{dayPrice.total_price}}</span><strong>（1晚，1间）</strong>
                                                                                </p></th>
                                                                            </tr>
                                                                            </tbody>
                                                                        </table>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <font class="hotel-d-p-table-price clearfix">总价 ¥{{item.total_price}}</font>
                                                        </div>
                                                    </div>
                                                </div>
                                            </td>
                                            <td style="text-align:center; border-right:0; width: 103px;">
                                                <form class="book-form-d8e46966ca781f8d07a0cc3f0e1aba2d" action="" target="_blank" method="post">
                                                    <a target="_blank" :href="'/order.html?hotel_id='+ hotel_id +'&room_id='+ item.room_id +'&room_type_id='+ item.room_type_id +'&room_number='+ roomNum +'&date_start='+ params.date_start +'&date_end='+ params.date_end"
                                                       class="hotel-d-p-booking-btn-a  hotel_recommend_label_btn J_tips_recommend addRecommendTag"><!--J_booking_btn_a-->
                                                        <div class="hotel-d-p-booking-btn-a-box">
                                                            <p class="t-fff hotel-booking-btn">
                                                                <span class="hotel-booking-btn-txt">立即预订</span>
                                                            </p>
                                                            <p class="t-f90 recommend_label_tag f12">最低价</p>
                                                        </div>
                                                    </a>
                                                    <input type="hidden" name="is_recommend" value="lowest">
                                                </form>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="hotel-detail-price-list">
                <div class="hotel-detail-price-wrap hide J_detail_nologin" id="J_price_title" style="display: block;">
                    <div class="hotel_room_tips" style="display: block;">默认展示房型下最便宜的价格，点击可查看更多</div>
                    <div class="hotel-detail-p-title" id="J_hotel_price_booking">
                        <table width="100%" style="table-layout:fixed">
                            <tbody>
                            <tr>
                                <td style="width:121px">全部房型</td>
                                <td style="width:160px;">床型及房间描述</td>
                                <td style="width:137px;">餐食</td>
                                <td style="width:213px">均价/间/晚</td>
                                <td style="width:114px; text-align: center; border-right: solid 1px #dddddd;">预订</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>

                    <div id="J_price_booking">
                        <div class="hotel-d-p-wrap J_sort_price" v-for="(v, k, i) in all_room">
                            <div class="hotel-room-title clearfix dif">
                                <b class="fl room_name_b room_name">
                                    <span class="room_name_cn" v-if="k == 1">标准房</span>
                                    <span class="room_name_cn" v-if="k == 2">高级房</span>
                                    <span class="room_name_cn" v-if="k == 3">豪华房</span>
                                    <span class="room_name_cn" v-if="k == 4">商务房</span>
                                    <span class="room_name_cn" v-if="k == 5">行政房</span>
                                    <span class="room_name_cn" v-if="k == 6">双人房</span>
                                    <span class="room_name_cn" v-if="k == 7">单人房</span>
                                    <span class="room_name_cn" v-if="k == 8">豪华房</span>
                                </b>
                                <span class="room_name_jt flex-1">
                                    <!--<i class="room_lowPrice hide">最低价 ¥646</i>-->
                                    <img src="./static/shouqi.svg" alt="">
                                </span>
                            </div>
                            <div class="hotel-d-p-wrap-inner clearfix">
                                <div class="hotel-d-p-left-h">
                                    <div class="J_d_price_title clearfix">
                                        <div class="hotel-d-p-left-img" style="position: relative; z-index: 1;">
                                            <img src="./static/images/1(1).jpeg" width="120" height="90">
                                            <div class="img_zz hide" style="display: none; height: 90px;"></div>
                                        </div>
                                    </div>
                                    <p style="padding-right:12px;" class="J-dp-room-summary">
                                        <!--<span class="J-summary-area hotel-dp-room-summary"> • 32 平方米</span>
                                        <span class="J-summary-network hotel-dp-room-summary"> • 免费wifi</span>-->
                                    </p>
                                </div>
                                <div class="hotel-d-p-table-h">
                                    <table width="100%" class="w100p b-solid b-ddd b-left" style="table-layout:fixed;min-height:72px;" frame="lhs" cellpadding="0" cellspacing="0">
                                        <tbody class="J-dp-room-list">
                                            <tr @click="item.showPrice = false" v-for="item in v" class="hotel-d-p-list-td nomarl_rateplan spData advance_price roomRecommend roomLowest tuijian_svg">
                                                <td style="width: 146px;">
                                                    <div class="font-14 t-333 rateinfo_bed" v-if="item.conf_bed_id == 1">单床1.5米</div>
                                                    <div class="font-14 t-333 rateinfo_bed" v-if="item.conf_bed_id == 2">大床1.8米</div>
                                                    <div class="font-14 t-333 rateinfo_bed" v-if="item.conf_bed_id == 3">大床2米</div>
                                                    <div class="font-14 t-333 rateinfo_bed" v-if="item.conf_bed_id == 4">双床1.2米</div>
                                                    <div class="font-14 t-333 rateinfo_bed" v-if="item.conf_bed_id == 5">双床1.5米</div>
                                                    <div class="font-14 t-333 rateinfo_bed" v-if="item.conf_bed_id == 6">双床1.8米</div>
                                                    <div class="font-14 t-333 rateinfo_bed" v-if="item.conf_bed_id == 7">三床1.2米</div>
                                                </td>
                                                <td style="border-left:0; width: 124px;">
                                                    <div class="hotel-d-p-t-canbak J_tips_canbre rel" v-if="item.contain_breakfast === 1">
                                                        <div class="detail-price-tips-cancel hide t-666 bg-fff abs triangle-up radius-4 hq-shadow-box s f12 p10">
                                                            <strong>含餐情况：</strong>该房间不包含餐食，如需餐食请在入住时咨询酒店前台。
                                                        </div>
                                                        <i class="t-333 font-14">不含餐</i><i class="f12 t-999" style="display: block;"></i>
                                                    </div>
                                                    <div class="hotel-d-p-t-canbak J_tips_canbre rel" v-if="item.contain_breakfast === 2">
                                                        <i class="t-333 font-14">含早</i><i class="f12 t-999" style="display: block;"></i>
                                                    </div>
                                                    <div class="hotel-d-p-t-canbak J_tips_canbre rel" v-if="item.contain_breakfast === 3">
                                                        <i class="t-333 font-14">含单早</i><i class="f12 t-999" style="display: block;"></i>
                                                    </div>
                                                    <div class="hotel-d-p-t-canbak J_tips_canbre rel" v-if="item.contain_breakfast === 4">
                                                        <i class="t-333 font-14">含双早</i><i class="f12 t-999" style="display: block;"></i>
                                                    </div>
                                                    <div class="hotel-d-p-t-canbak J_tips_canbre rel" v-if="item.contain_breakfast === 5">
                                                        <i class="t-333 font-14">有（收费）</i><i class="f12 t-999" style="display: block;"></i>
                                                    </div>
                                                </td>
                                                <td style="width:195px">
                                                    <div class="hotel-d-p-table-p rel">
                                                        <div class="hotel-d-p-t-canbak J_hotel_price_tips" style="margin-bottom: 2px;">
                                                            <strong style="font-weight: bold; display: block; width:100%;" class="price-box" @click="getDayPrice(item)">
                                                                <div class="show_tips_info bg-fff mt5 abs triangle-up radius-4 hq-shadow-box s f12">点击查看详细报价</div>
                                                                <i style="font-weight: bold;">¥</i> {{item.average_price}}
                                                            </strong><br>
                                                            <div class="hotel_price_tips">
                                                                <div v-show="item.showPrice" class="hotel-d-p-t-p-t-c J_h_d_p_tips_c bg-fff mt5 abs triangle-up radius-4 hq-shadow-box s f12">
                                                                    <div class="hotel-d-p-t-p-t-c-t tal J_price_info_pre">
                                                                        <span class="h-lh30 t-333">客房每日价格：</span>
                                                                        <div class="J_table_price_list" style="height: 200px;overflow: auto">
                                                                            <table class="w100p t-666 b-solid b-ddd">
                                                                                <tbody>
                                                                                <tr class="h-lh30 t-333">
                                                                                    <th class="pl10 pr10 b-solid b-ddd"
                                                                                        width="50%">日期
                                                                                    </th>
                                                                                    <th class="pl10 pr10 b-solid b-ddd"
                                                                                        width="50%">房价/间/晚
                                                                                    </th>
                                                                                </tr>
                                                                                <tr v-for="p in dayPrice.list">
                                                                                    <td>{{p.date_str}}</td>
                                                                                    <td><strong class="t-ff5256">¥{{p.price}}</strong></td>
                                                                                </tr>
                                                                                <tr class="hotel-d-p-t-p-t-c-t-p">
                                                                                    <th class="pl10 pr10 b-solid b-ddd s"
                                                                                        colspan="2"><p><strong
                                                                                            class="t-333">总价：</strong><span>¥ {{dayPrice.total_price}}</span><strong>（1晚，1间）</strong>
                                                                                    </p></th>
                                                                                </tr>
                                                                                </tbody>
                                                                            </table>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <font class="hotel-d-p-table-price clearfix">总价 ¥{{item.total_price}}</font>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td style="text-align:center; border-right:0; width: 103px;">
                                                    <form class="book-form-d8e46966ca781f8d07a0cc3f0e1aba2d"
                                                          action="https://www.haoqiao.com/thotelorder?city=1&amp;hotel_id=199&amp;checkin=2020-04-24&amp;checkout=2020-04-25&amp;room_num=1&amp;adult=2&amp;child=0&amp;child_age=&amp;citizenship=CN&amp;dud=45IS9QGKq79"
                                                          target="_blank" method="post">
                                                        <a target="_blank" :href="'/order.html?hotel_id='+ hotel_id +'&room_id='+ item.room_id +'&room_type_id='+ item.room_type_id +'&room_number='+ roomNum +'&date_start='+ params.date_start +'&date_end='+ params.date_end"
                                                           class="hotel-d-p-booking-btn-a">
                                                            <div class="hotel-d-p-booking-btn-a-box" style="position: relative;"><!--J_booking_btn_a-->
                                                                <p class="t-fff hotel-booking-btn">
                                                                    <img class="J_tuijian_icon" src="./static/tuijan_white.svg">
                                                                    <span class="hotel-booking-btn-txt">立即预订</span>
                                                                </p>
                                                                <!--<p class="t-f90 recommend_label_tag f12">最低价</p>-->
                                                            </div>
                                                        </a>
                                                    </form>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <!--<div class="price-more-list">
                                        <a style="" href="javascript:void(0);" class="J_more_price_list_btn">
                                            <span>以上为该房型最便宜的价格，查看更多2个价格</span>&nbsp;
                                            <img src="./static/zhankai2.svg">
                                        </a>
                                    </div>-->
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="J_price_no_booking C_price_no_booking clearfix hide" style="display: none;">
                        <div class="hotel-d-no-room clearfix" style="padding: 0;">
                            <div class="hotel-d-no-room-t clearfix" style="padding: 0; ">
                                <div class="C_price_no_booking_img floatL"><img
                                        src="./static/images/details_screen_nohose.png"></div>
                                <div class="floatR tal">
                                    <p style="margin-top:15px;color:#333">您搜索的日期暂无符合条件的报价</p>
                                    <p style="color:#333">建议<a href="javascript:;" id="J_change_date"> 更改日期 </a>或<a
                                            href="javascript:;" id="J_change_hotel"> 看看其他酒店</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="J_price_often_tips hide">
                        <div class="hotel-d-no-room">
                            <div class="hotel-d-no-room-t">
                                <img src="./static/images/details_screen_nohose.png">
                                <p style="margin-top:20px;color:#333">当前操作太频繁，请稍后查询</p>
                                <p style="font-size:14px;">您可以<a href="javascript:;" id="J_reload">重新刷新</a></p>
                            </div>
                        </div>
                    </div>
                    <div class="J_price_filter_booking hide" style="display: none;">
                        <div class="hotel-d-no-room">
                            <div class="hotel-d-no-room-t">
                                <img src="./static/images/details_screen_nohose.png">
                                <p style="margin-top:10px;color:#333">酒店房量紧张，暂无符合条件的报价</p>
                                <p style="font-size:14px;">建议您调整筛选条件，重新搜索</p>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 酒店推荐 -->

                <div><a name="traffic" class="J_tab_m"></a></div>
                <!-- 酒店推荐 end-->
            </div>

            <!--	更优惠价格更新	-->
            <div class="more_discount hide" style="display: none;">
                <img src="./static/images/updatePrice.gif">
                <span>优惠价格更新中...</span>
            </div>
        </template>
    </div>

    <div class="detail-main">
        <!-- 交通出行 -->
        <a name="tax" class="J_tab_m"></a>
        <div class="hotel-detail-title">
            <h2 class="title">交通位置<span>以下交通信息根据酒店和景点位置计算得出，供您参考，建议您结合地图软件使用。</span></h2>
        </div>

        <div class="hotel-traffic clearfix" v-html="hotelDetail.detail_traffic_desc"></div>


        <!-- 交通出行 End -->
        <!-- 酒店周边 End -->
        <!-- 酒店详情 -->
        <a name="hotelinfo" class="J_tab_m"></a>
        <div class="hotel-detail-title">
            <h4 class="title detail-title-new" title="曼谷铂尔曼皇权酒店介绍">酒店介绍<span>以下信息基于酒店数据整理得出，供您参考。</span></h4>
        </div>
        <div class="hotel-detail-desc">
            <div class="hotel-detail-title-t">酒店介绍</div>
            <div class="hotel-detail-desc-s">
                <!--<div class="hotel-detail-desc-s-i"><span>·</span> 酒店品牌：铂尔曼/Pullman</div>-->
                <!--<div class="hotel-detail-desc-s-i"><span>·</span> 酒店集团：法国雅高酒店集团/Accor Hotels</div>-->
                <div class="hotel-detail-desc-s-i"><span>·</span> 中文地址：{{hotelDetail.hotel_address}}
                </div>
                <!--<div class="hotel-detail-desc-s-i"><span>·</span> 英文地址：8/2 Rangnam Road,Thanon Phayathai Ratchathewi,
                    Pathumwan, 10400 Bangkok, Thailand
                </div>-->
                <div class="hotel-detail-desc-s-i hotel-detail-desc-content">
                    <div class="hotel-detail-desc-content-l"><span>·</span> 酒店简介：</div>
                    <div class="hotel-detail-desc-content-r" :style="{height: showMore? 'auto' : '75px'}" v-html="hotelDetail.simple_desc">
                    </div>
                    <div class="clearfix"></div>
                    <div class="hotel-detail-desc-content-m J_detail_des_more_btn_b" style="display: block;" @click="showMore = !showMore">
                        {{showMore? '收起' : '显示全部'}} <img src="./static/images/list_filter_arrow.gif" class="J_detail_des_more_img_b">
                    </div>
                </div>
            </div>
            <div class="hotel-detail-desc-c"></div>
        </div>
        <div class="clearfix"></div>
        <!-- 酒店详情 End -->
        <!-- 酒店设施 -->
        <div class="hotel-detail-title">
            <h2 class="title">酒店设施<span>由于酒店设施可能调整，导致信息更新不及、介绍略有出入，请以实际入住为准。</span></h2>
        </div>
        <a name="equip" class="J_tab_m"></a>
        <div class="hotel-detail-equip">
            <div class="detail-equip-wrap clearfix">
                <div class="hotel-d-e-title">
                    大家都关注
                </div>
                <ul class="hotel-d-e-list clearfix">
                    <li v-if="hotelDetail.focus.indexOf('1') !== -1">SPA</li>
                    <li v-if="hotelDetail.focus.indexOf('2') !== -1">健身中心</li>
                    <li v-if="hotelDetail.focus.indexOf('3') !== -1">儿童看护</li>
                    <li v-if="hotelDetail.focus.indexOf('4') !== -1">免费WiFi</li>
                    <li v-if="hotelDetail.focus.indexOf('5') !== -1">免费停车场</li>
                    <li v-if="hotelDetail.focus.indexOf('6') !== -1">室外游泳池</li>
                    <li v-if="hotelDetail.focus.indexOf('7') !== -1">空调</li>
                    <li v-if="hotelDetail.focus.indexOf('8') !== -1">英语服务</li>
                </ul>
            </div>
            <div class="detail-equip-wrap clearfix">
                <div class="hotel-d-e-title">
                    服务
                </div>
                <ul class="hotel-d-e-list clearfix">
                    <li v-if="hotelDetail.services.indexOf('1') !== -1">24小时接待</li>
                    <li v-if="hotelDetail.services.indexOf('2') !== -1">单点餐厅</li>
                    <li v-if="hotelDetail.services.indexOf('3') !== -1">唤醒</li>
                    <li v-if="hotelDetail.services.indexOf('4') !== -1">复印传真</li>
                    <li v-if="hotelDetail.services.indexOf('5') !== -1">外币兑换</li>
                    <li v-if="hotelDetail.services.indexOf('6') !== -1">夜总会</li>
                    <li v-if="hotelDetail.services.indexOf('7') !== -1">客房早餐</li>
                    <li v-if="hotelDetail.services.indexOf('8') !== -1">快速入住、退房</li>
                    <li v-if="hotelDetail.services.indexOf('9') !== -1">按摩</li>
                    <li v-if="hotelDetail.services.indexOf('10') !== -1">旅游咨询</li>
                    <li v-if="hotelDetail.services.indexOf('11') !== -1">班车</li>
                    <li v-if="hotelDetail.services.indexOf('12') !== -1">票务</li>
                    <li v-if="hotelDetail.services.indexOf('13') !== -1">租车</li>
                    <li v-if="hotelDetail.services.indexOf('14') !== -1">酒吧</li>
                    <li v-if="hotelDetail.services.indexOf('15') !== -1">餐厅</li>
                </ul>
            </div>
            <div class="detail-equip-wrap clearfix">
                <div class="hotel-d-e-title">
                    设施
                </div>
                <ul class="hotel-d-e-list clearfix">
                    <li v-if="hotelDetail.facility_ids.indexOf('1') !== -1">ATM</li>
                    <li v-if="hotelDetail.facility_ids.indexOf('2') !== -1">会议设施</li>
                    <li v-if="hotelDetail.facility_ids.indexOf('3') !== -1">吸烟区</li>
                    <li v-if="hotelDetail.facility_ids.indexOf('4') !== -1">平板电视</li>
                    <li v-if="hotelDetail.facility_ids.indexOf('5') !== -1">无烟客房</li>
                    <li v-if="hotelDetail.facility_ids.indexOf('6') !== -1">残疾人设施</li>
                    <li v-if="hotelDetail.facility_ids.indexOf('7') !== -1">洗衣间</li>
                    <li v-if="hotelDetail.facility_ids.indexOf('8') !== -1">浴缸</li>
                    <li v-if="hotelDetail.facility_ids.indexOf('9') !== -1">电视</li>
                    <li v-if="hotelDetail.facility_ids.indexOf('10') !== -1">礼品店</li>
                    <li v-if="hotelDetail.facility_ids.indexOf('11') !== -1">花园</li>
                    <li v-if="hotelDetail.facility_ids.indexOf('12') !== -1">贵宾室</li>
                    <li v-if="hotelDetail.facility_ids.indexOf('13') !== -1">阳台</li>
                    <li v-if="hotelDetail.facility_ids.indexOf('14') !== -1">隔音客房</li>
                    <li v-if="hotelDetail.facility_ids.indexOf('15') !== -1">餐厅</li>
                </ul>
            </div>

            <div class="detail-equip-wrap clearfix">
                <div class="hotel-d-e-title">
                    儿童和附加床
                </div>
                <div class="hotel-d-e-list clearfix" v-html="hotelDetail.children_append_bed">
                </div>
            </div>
            <div class="detail-equip-wrap clearfix">
                <div class="hotel-d-e-title">
                    入住时间
                </div>
                <div class="hotel-d-e-list clearfix" style="padding:0 0 15px 0">
                    {{hotelDetail.stay_stime}} - {{hotelDetail.stay_etime}}
                </div>
            </div>
            <div class="detail-equip-wrap clearfix" style="border:0">
                <div class="hotel-d-e-title">
                    退房时间
                </div>
                <div class="hotel-d-e-list clearfix" style="padding:0 0 10px 0;">
                    {{hotelDetail.check_out_stime}} - {{hotelDetail.check_out_etime}}
                </div>
            </div>

        </div>
        <!-- 酒店设施 End -->
    </div>
</div>

<div class="index-popup hide" id="J_popup_not_booking" style="left: 651.5px; top: 1112px; display: none;">
    <div class="index-popup-title">
        没有预订权限 <a href="javascript:;" title="关闭" class="index-popup-close J_close_popup"></a>
    </div>
    <div class="index-popup-cont w100p">
        <div class="index-popup-want-icon-cont dif jcc">
            <div class="">
                <div class="index-popup-want-icon dif aic t-333 tal">
                    您的账号正在审核中，暂时不能进行酒店预订
                </div>
                <div class="lh1-5 f14 t-666 tal pl62">
                    如有疑问请咨询好巧客服。<br>
                    客服电话(仅中国大陆)：400-633-2377 （7×24小时）<br>客服电话(非中国大陆)：+86 27 59006258<br>
                </div>
            </div>
        </div>
        <div class="index-popup-btn-box dif jcc">
            <a href="javascript:;" class="index-popup-btn J_close_popup w234">我知道了</a>
        </div>
    </div>
</div>

<div class="index-popup new-index-popup-content hide" id="J_popup_rq_comfirm">
    <div class="index-popup-title">
        预订提示
    </div>
    <div class="index-popup-cont order-pay-popup">
        <div class="index-popup-cont-contianer dif jcc">
            <div>
                <div class="common-remmend-tip dif aic" style="text-align: left">
                    <i class="icon-timer common-va-m"></i>
                    <p class="text-con">本房型不能立即确认</p>
                </div>
                <div class="order-ul-mt-bd">
                    <ul class="order-ul-mt">
                        <li>您提交申请后，我们的酒店专员将立即与酒店联系，并在<span id="sub_rq_time">8-72小时</span>内给您答复。如果酒店已没有该价格套餐，我们将立即退款</li>
                        <li>注意，一旦提交申请，本房间的取消规则也将立即生效</li>
                        <li>等待申请结果的过程中不允许对订单进行修改、取消等任何操作</li>
                    </ul>
                </div>
            </div>
        </div>

    </div>

    <div class="index-popup-btn-center order-del-pop-btn new-order-del-pop-btn dif jcc">
        <a href="javascript:;" class="index-popup-btn" id="J_popup_order_rq_comfirm">我了解，继续预订</a>
        <a href="javascript:;" class="index-popup-btn order-del-pop-btn-cal J_close_popup">预订其他房型</a>
    </div>
</div>
<div class="index-popup new-index-popup-content hide" id="J_popup_rq_comfirm_tips">
    <div class="index-popup-title">
        预订提示
    </div>
    <div class="index-popup-cont order-pay-popup">
        <div class="index-popup-cont-contianer dif jcc">
            <div>
                <div class="common-remmend-tip dif aic" style="text-align: left">
                    <i class="icon-timer common-va-m"></i>
                    <p class="text-con">注意事项</p>
                </div>
                <div class="order-ul-mt-bd" id="J_popup_rq_comfirm_tips_contents">
                </div>
            </div>
        </div>

        <div class="index-popup-btn-center order-del-pop-btn new-order-del-pop-btn dif jcc">
            <a href="javascript:;" class="index-popup-btn" id="J_popup_order_rq_comfirm_tips">我了解，继续预订</a>
            <a href="javascript:;" class="index-popup-btn order-del-pop-btn-cal J_close_popup">取消</a>
        </div>
    </div>
</div>
<input type="hidden" value="GbaFzaYGGaZGG" id="J_token" name="token">
<input type="hidden" value="45IS9QGKq79" name="dud" id="J_dud">
<input type="hidden" value="17,24,49,51,152,235,239" name="sp_filter" id="J_sp_filter">
<input type="hidden" value="web_1587562799589_618034" name="sequence" id="J_sequence">
<input type="hidden" value="ajax" name="sp_ajax" id="J_sp_ajax">
<div id="bg" style="width: 1903px; height: 9322px; display: none;"></div>

<div class="d-child-age" style="display:none">
    <div class="d-room-peo-child-age-list-option">
        <div class="d-room-s-sel d-room-s-sel-peo-adult J_sel_num_more_age" data-isshow="0">
            <span class="J_peo_num_age" data-val="{{child_age_val}}">{{child_age}}岁</span>
            <em></em>
        </div>
        <ul class="d-mod-room-win d-mod-room-win-peo-ul hide J_room_sel_win J_room_sel_win_peo_more_age"
            data-idx="{{idx}}" style="display: none;">
            <li><a data-val="1" href="javascript:;">≤1岁</a></li>
            <li><a data-val="2" href="javascript:;">2岁</a></li>
            <li><a data-val="3" href="javascript:;">3岁</a></li>
            <li><a data-val="4" href="javascript:;">4岁</a></li>
            <li><a data-val="5" href="javascript:;">5岁</a></li>
            <li><a data-val="6" href="javascript:;">6岁</a></li>
            <li><a data-val="7" href="javascript:;">7岁</a></li>
            <li><a data-val="8" href="javascript:;">8岁</a></li>
            <li><a data-val="9" href="javascript:;">9岁</a></li>
            <li><a data-val="10" href="javascript:;">10岁</a></li>
            <li><a data-val="11" href="javascript:;">11岁</a></li>
            <li><a data-val="12" href="javascript:;">12岁</a></li>
            <li><a data-val="13" href="javascript:;">13岁</a></li>
            <li><a data-val="14" href="javascript:;">14岁</a></li>
            <li><a data-val="15" href="javascript:;">15岁</a></li>
            <li><a data-val="16" href="javascript:;">16岁</a></li>
            <li><a data-val="17" href="javascript:;">17岁</a></li>
        </ul>
    </div>
</div>
<div class="top-d-child-age" style="display:none">
    <div class="d-room-peo-child-age-list-option">
        <div class="d-room-s-sel d-room-s-sel-peo-adult J_top_sel_num_more_age" data-isshow="0">
            <span class="J_top_peo_num_age" data-val="1">≤1岁</span>
            <em></em>
        </div>
        <ul class="d-mod-room-win d-mod-room-win-peo-ul hide J_room_sel_win J_top_room_sel_win_peo_more_age"
            style="display: none;">
            <li><a data-val="1" href="javascript:;">≤1岁</a></li>
            <li><a data-val="2" href="javascript:;">2岁</a></li>
            <li><a data-val="3" href="javascript:;">3岁</a></li>
            <li><a data-val="4" href="javascript:;">4岁</a></li>
            <li><a data-val="5" href="javascript:;">5岁</a></li>
            <li><a data-val="6" href="javascript:;">6岁</a></li>
            <li><a data-val="7" href="javascript:;">7岁</a></li>
            <li><a data-val="8" href="javascript:;">8岁</a></li>
            <li><a data-val="9" href="javascript:;">9岁</a></li>
            <li><a data-val="10" href="javascript:;">10岁</a></li>
            <li><a data-val="11" href="javascript:;">11岁</a></li>
            <li><a data-val="12" href="javascript:;">12岁</a></li>
            <li><a data-val="13" href="javascript:;">13岁</a></li>
            <li><a data-val="14" href="javascript:;">14岁</a></li>
            <li><a data-val="15" href="javascript:;">15岁</a></li>
            <li><a data-val="16" href="javascript:;">16岁</a></li>
            <li><a data-val="17" href="javascript:;">17岁</a></li>
        </ul>
    </div>
</div>
<script type="text/javascript" src="./static/js/jquery-ui.js"></script>
<script type="text/javascript" src="./static/js/circle-progress.js"></script>
<link rel="stylesheet" type="text/css" href="./static/css/jquery-ui.css">
<!--图表js-->
<script src="./js/lib/vue.js" type="text/javascript"></script>
<script src="./js/lib/element-ui/index.js" type="text/javascript"></script>
<script src="./js/loginComponent.js" type="text/javascript"></script>

<script type="text/javascript" src="./static/js/detail.js"></script>
<script type="text/javascript" src="./static/js/layer.js"></script>
<div class="footer w100p t-fff f12" id="J_footer">
    <div class="w footer_wrap">
        <!--<div class="w100p footer_top clearfix">
            <div class="fl footer-top-list">
                <div class="footer-top-title f14 pl10 before-b rel">关注我们</div>
                <p><a class="J_token" href="https://www.haoqiao.com/about" target="_blank">关于我们</a></p>
                <p><a href="https://www.haoqiao.com/feedback?from=hoteldetail" target="_blank" class="J_token">意见反馈</a>
                </p>
                <p><a href="https://www.haoqiao.com/policy" target="_blank" class="J_token">服务政策</a></p>
                <p><a href="https://www.haoqiao.com/app" target="_blank" class="J_token">下载客户端</a></p>
            </div>
            <div class="fl footer-top-list">
                <div class="footer-top-title f14 pl10 before-b rel">加盟合作</div>
                <p><a href="https://www.haoqiao.com/" target="_blank" class="J_token" id="partners">合作伙伴</a></p>
                <p><a href="https://www.haoqiao.com/joinus" target="_blank" class="J_token">诚聘英才</a></p>
                <p><a href="https://www.haoqiao.com/" target="_blank" class="J_token">同业预订平台</a></p>
                <p><a href="https://www.haoqiao.com/api/apply" target="_blank" class="J_token">API分销平台</a></p>
            </div>
            <div class="fl footer-top-list footer-email">
                <div class="footer-top-title f14 pl10 before-b rel">联系邮箱</div>
                <p>酒店业务客服：<a target="_blank" rel="nofollow" href="mailto:hotelservice@haoqiao.com">hotelservice@haoqiao.com</a>
                </p>
                <p>旅业资源客服：<a target="_blank" rel="nofollow" href="mailto:destinationservice@haoqiao.com">destinationservice@haoqiao.com</a>
                </p>
                <p>业务合作：<a target="_blank" rel="nofollow" href="mailto:service@haoqiao.com">service@haoqiao.com</a></p>
                <p>投诉邮箱：<a target="_blank" rel="nofollow" href="mailto:customercare@haoqiao.com">customercare@haoqiao.com</a>
                </p>
            </div>
            <div class="fl footer-top-list footer-tel">
                <div class="footer-top-title f14 pl10 before-b rel">客服电话 （7×24小时）</div>
                <p>客服电话(仅中国大陆)：400-633-2377</p>
                <p>客服电话(非中国大陆)：+86 27 59006258</p>
                <p class="clearfix"><span class="fl">紧急联系电话：</span><span class="fl">+86 18971443893（目的地/机票）</span></p>
            </div>
            <div class="fl footer-top-list" style="">
                <div class="footer-top-title f14 pl10 before-b rel">手机APP二维码</div>
                <p class="footer_qr_code">
                    <img class="db" alt="好巧手机APP二维码" src="./static/images/qr_code.gif">
                </p>
            </div>
            <div class="fl footer-top-list footer-app">
                <div class="footer-top-title f14 pl10 before-b rel">微信公众号</div>
                <p class="footer_qr_code">
                    <img class="db" alt="好巧微信公众号" src="./static/images/wx_code.gif">
                </p>
            </div>
        </div>-->
        <div class="footer_bottom w100p pt10 clearfix">
            <img class="fl" src="./img/logo.png" style="height: 80px;">
            <!--<div class="fl clearfix">
                <p class="pt10 footer-reserved fl">© HAOQIAO All rights reserved.&nbsp;&nbsp;&nbsp;京ICP备14000682号-3
                    &nbsp;&nbsp;京ICP证150888号 &nbsp;&nbsp;京公网安备 11010802015019</p>
                <p class="footer-reserved fl pt10">地址：北京市大兴区经济开发区科苑路18号1幢A3户型一层184室</p>
            </div>-->
        </div>
    </div>
</div>

<div class="index-popup popup_after_sale hide abs footer_popup_after_sale" id="J_popup_after_sale">
    <div class="index-popup-title rel f16 t-fff">
        售后客服联系方式 <a href="javascript:;" title="关闭" class="icon_popup_close abs J_close_popup"></a>
    </div>
    <div class="index-popup-cont">
        <div class="index-popup-sale-cont dif jcc">
            <div>
                <div class="index-popup-sale-box dif f16">
                    <i class="icon_popup_after_sale"></i>
                    <div class="flex-1 pl20">
                        <p class="f24 t-333 s pb10">售后问题请拨打客服电话</p>
                        <ul class="f16 t-666">
                            <li>客服电话(仅中国大陆)：400-633-2377 （7×24小时）</li>
                            <li>客服电话(非中国大陆)：+86 27 59006258</li>
                            <li class="clearfix"><p class="fl">紧急联系电话：</p>
                                <p class="fl">+86 18971443893（目的地/机票）</p></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="index-popup-btn-center order-del-pop-btn dif jcc">
            <a href="javascript:;" class="db tac pointer f14 t-fff bg-49f bg-5da7ff-hover index-popup-btn"
               id="J_popup_after_sale_btn">关闭</a>
        </div>
    </div>
</div>
<!--弹窗结束-->
</body>
</html>